.headerCon{
  padding:0 16px 0 0;
  background:#fff;
  height:64px;
  line-height: 0px!important;
  .conHead{
    height:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .head_l{
      height:100%;
      display: flex;
      align-items: center;
      .collapseArea{
        margin-right:20px;
        .anticon{
          font-size: 28px;
        }
      }
      .preCollapse{
        cursor: pointer;
      }
    }

    .head_c{
      height:100%;
      display: flex;
      flex-direction: column;
      justify-content:flex-start;
      align-items: flex-start;
      .pageName{
        font-size: 20px;
        font-weight: bold;
        margin-bottom:30px;
      }
    }

    .head_r{
      height:100%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
  }
}
.avatar{
  width:40px;
  height:40px;
  border-radius: 100%;
  img{
    width:100%;
    height:100%;
  }
}
.fullscreenArea{
  display: flex;
  height:100%;
  margin-right:10px;
  .fullIcon{
    font-size:24px;
  }
}

.ml6{
  margin-left:6px;
}



